vertical - align
|
|
|
|
|
|
|||||||||
|
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
|
Частково |
Частково |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка
інформація
|
CSS |
CSS1 |
|
Значення за умовчанням |
baseline |
|
Наслідує |
Ні |
|
Застосовується |
До вбудованих елементів або елементів таблиці. |
|
Аналог HTML |
<caption
| col | colgroup | tbody | tfoot | thead | th | td | tr valign> |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/visudet.html#propdef - vertical - align |
Опис
Вирівнює
елемент по вертикалі відносно свого батька, навколишнього тексту або елементу
таблиці.
Синтаксис
vertical
- align: baseline | bottom | middle | sub | super | text - bottom | text - top
| top | inherit | значення | відсотки
Значення
baseline
Вирівнює базову лінію поточного елементу по базовій лінії
батька. Якщо батьківський елемент не має базової лінії, то за неї
береться нижня межа елементу.
bottom
Вирівнює основу поточного елементу по нижній частині
елементу рядка, розташованого нижче за усіх.
middle
Вирівнювання середньої точки елементу по базовій лінії
батька плюс половина висоти батьківського елементу.
sub
Елемент зображається як підрядковий, у вигляді нижнього
індексу. Розмір шрифту при цьому не міняється.
super
Елемент зображається як надрядковий, у вигляді верхнього
індексу. Розмір шрифту залишається тим самим.
text - bottom
Нижня межа елементу вирівнюється по самому нижньому краю
поточного рядка.
text - top
Верхня межа елементу вирівнюється по найвищому текстовому
елементу поточного рядка.
top
Вирівнювання верхнього краю елементу по верху найвищого
елементу рядка.
inherit
Наслідує значення батька.
В
якості значення також можна використовувати відсотки, піксели або інші доступні
одиниці. Позитивне число зміщує елемент вверх відносно базової лінії, тоді як
негативне число опускає його вниз. При використанні відсотків, відлік ведеться
від значення властивості line - height, при цьому 0% аналогічно значенню
baseline.
Для
вирівнювання по вертикалі в елементах таблиці застосовуються наступні значення.
baseline
Вирівнює базову лінію осередку з базовою лінією першого
текстового рядка або іншого вкладеного елементу.
bottom
Вирівнює по нижньому краю осередки.
middle
Вирівнює по середині осередки.
top
Вирівнює вміст осередку по її верхньому краю.
Приклад
HTML 4.0
CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251"> <title>vertical - align</title> </head> <body> <div style="font - family: Times, serif; font - size: 200%"> T<span style="vertical - align: sub">E</span>X і L<span style="vertical - align: 5px; font - size: 80%">A</span>T<span style="vertical - align: sub">E</span>X </div> </body></html>
Результат
цього прикладу показаний ні мал. 1.
Мал. 1. Застосування властивості vertical - align
Об'єктна модель
[window.]document.getElementById("elementID").style.verticalAlign
Браузери
Internet
Explorer до сьомої версії включно не підтримує значення inherit.
